<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"  %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>通讯录管理系统</title>
<link rel="shortcut icon" href="<s:url value="/style/images/favicon.ico"></s:url>" type="image/x-icon" />
<style type="text/css">  
	html,body{   
     margin:0px;   
     height:100%;  
     	font-size: 12px;
	font-family:"宋体";  
    }
.leftShow{
	background-image: url(style/images/ico_hideleft.gif); background-repeat:no-repeat;
	width: 40px;
	height:20px;
	cursor: pointer;
}
.leftHidden{
	background-image: url(style/images/ico_showleft.gif);background-repeat:no-repeat;
	width: 40px;
	height:20px;
	cursor: pointer;
}
</style>
<script type="text/javascript" src="js/jquery2.js"></script>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="tdHeader" colspan="2" style="height: 60px;background-image: url(style/images/logo.gif)">
<table width="100%" height="64" border="0" cellpadding="0" cellspacing="0" class="admin_topbg">
  <tr>
    <td width="61%" height="64"><img src="style/images/logo.gif" width="262" height="64"></td>
    <td width="39%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="74%" height="38" class="admin_txt"><s:property value="userName" escape="false"/>：<b></b> 您好,感谢登录使用！</td>
        <td width="22%">
        <a href="javascript:void(0)" onclick="if(!confirm('确认退出本系统'))return false;window.open('/Sys/exit.jspx?sid=<s:property value="sessionID"/>');parent.window.opener=null; parent.window.close();"><img src="style/images/out.gif" alt="安全退出" width="46" height="20" border="0"></a>
        
           <td width="4%">&nbsp;</td>
      </tr>
      <tr>
        <td height="19" colspan="3">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>
</td>
</tr>

<tr>
<td style="background-image: url(style/images/content-bg.gif);" colspan="2">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<img src="style/images/bar.jpg">
</td>
<td>
<div onclick="switchLeft()" title="显示/隐藏左栏" class="leftShow" id="div_leftSwitch">
&nbsp;
</div>
</td>
<td>
&nbsp;
</td>
<td>
 欢迎您登录系统! 日期：<span id="curTime">2011年2月25日 15:36:10 星期五</span><script type="text/javascript">&lt;!-- 
setInterval("document.getElementById('curTime').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); 
// --&gt;</script>
</td>
</tr>
</tbody></table>
</td>
</tr>

<tr>
<td width="185" valign="top" id="tdLeft">
<div style="width:185px;height: 100%" >
<iframe width="100%" src="area.action" frameborder="0" id="leftFrame" name="left">
</iframe>
</div>
</td>

<td valign="top" width="100%" align="center">
<iframe src="test.action" width="99%" frameborder="0" id="mainFrame" name="main" marginheight="0" scrolling="auto"></iframe>
</td>
</tr>
</table>
</body>
<script>
function init(){
	var screenHeight = document.body.clientHeight;
	var screenWidth = document.body.clientWidth;
	var topHeight = 60;
	$("#leftFrame").attr("height",screenHeight - topHeight - 26);
	$("#mainFrame").attr("height",screenHeight - topHeight - 26);
}

$(document).ready(function(){
	init();
});
function switchLeft(){
	$("#tdLeft").toggle();
	if($("#div_leftSwitch.leftShow").size() > 0)
		$("#div_leftSwitch").removeClass("leftShow").addClass("leftHidden");
	else
		$("#div_leftSwitch").removeClass("leftHidden").addClass("leftShow");
}
</script>
</html>